/*
Web: http://www.jsForms.com
Copyright (C) 2008  Igor Demyanov (mailto:Igor.Demyanov@gmail.com)
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
jsForms.Templates.ComponentEditor='<div class="CEMain">'+
	'<component type="TabControl" class="CETabs">'+
		'<properties><key name="Align" value="bottom"/></properties>'+
		'<content>'+
			'<component type="TabItem" name="tabDesign">'+
			'<properties><key name="Title" value="Design"/></properties>'+
			'<content>'+
				'<component type="DesignDockComponent">'+
					'<content>'+
						'<div name="Screen" class="screen"/>'+
					'</content>'+
				'</component>'+
				'<component type="HighlightElement" name="HighlightElement">'+
					'<events>'+
						'<key name="onResize" value="HE_onResize"/>'+
						'<key name="onMove" value="HE_onMove"/>'+
					'</events>'+
				'</component>'+
				//ColorPicker - Window --------------------------------------
				'<component type="Window" name="WinColorPicker" class="CEWinColorPicker">'+
					'<properties>'+
						'<key name="Title" value="Color Picker"/>'+
						'<key name="Draggable" value="true"/>'+
						//'<key name="Resizable" value="true"/>'+
					'</properties>'+
					'<events>'+
						'<key name="onClose" value="Windows_onClose"/>'+
					'</events>'+
					'<content>'+
						'<component name="ColorPickerTool" type="ColorPicker">'+
							'<events>'+
							'</events>'+
						'</component>'+
					'</content>'+
				'</component>'+
				//DOM - Window --------------------------------------
				'<component type="Window" name="WinDOM" class="CEWinDOM">'+
					'<properties>'+
						'<key name="Title" value="DOM"/>'+
						'<key name="Draggable" value="true"/>'+
						'<key name="Resizable" value="true"/>'+
					'</properties>'+
					'<events>'+
						'<key name="onClose" value="Windows_onClose"/>'+
					'</events>'+
					'<content>'+
						'<component name="DOMTool" type="DOMConfig">'+
							'<events>'+
								'<key name="onSelect" value="DOMTool_onSelect"/>'+
								'<key name="onInsert" value="DOMTool_onInsert"/>'+
							'</events>'+
						'</component>'+
					'</content>'+
				'</component>'+
				//P/E - Window --------------------------------------
				'<component type="Window" name="WinPE" class="CEWinPE">'+
					'<properties>'+
						'<key name="Title" value="P/E"/>'+
						'<key name="Draggable" value="true"/>'+
						'<key name="Resizable" value="true"/>'+
					'</properties>'+
					'<events>'+
						'<key name="onClose" value="Windows_onClose"/>'+
					'</events>'+
					'<content>'+
						'<component name="PETool" type="PropertyEventConfig">'+
						'<events>'+
								'<key name="onChange" value="PETool_onChange"/>'+
						'</events>'+
						'</component>'+
					'</content>'+
				'</component>'+
				//CSS - Window --------------------------------------
				'<component type="Window" name="WinCSS" class="CEWinCSS">'+
					'<properties>'+
						'<key name="Title" value="CSS"/>'+
						'<key name="Draggable" value="true"/>'+
						'<key name="Resizable" value="true"/>'+
					'</properties>'+
					'<events>'+
						'<key name="onClose" value="Windows_onClose"/>'+
					'</events>'+
					'<content>'+
						'<component name="CSSTool" type="CssConfig">'+
							'<events>'+
								'<key name="onInsert" value="CSSTool_onInsert"/>'+
								'<key name="onChange" value="CSSTool_onChange"/>'+
							'</events>'+
						'</component>'+
					'</content>'+
				'</component>'+
				//Info - Window --------------------------------------
				'<component type="Window" name="WinInfo" class="CEWinInfo">'+
					'<properties>'+
						'<key name="Title" value="Info"/>'+
						'<key name="Draggable" value="true"/>'+
						'<key name="Resizable" value="true"/>'+
					'</properties>'+
					'<events>'+
						'<key name="onClose" value="Windows_onClose"/>'+
					'</events>'+
					'<content>'+
						'<component name="InfoTool" type="InfoConfig"></component>'+
					'</content>'+
				'</component>'+
				//Tools - Window --------------------------------------
				'<component type="Window" name="WinTools" class="CEWinTool">'+
					'<properties>'+
						'<key name="Title" value="Design"/>'+
						'<key name="Draggable" value="true"/>'+
						'<key name="Resizable" value="true"/>'+
					'</properties>'+
					'<content>'+
						'<component name="bToggleCSS" type="ButtonDiv" class="ToolCEButtons ToolCSSButton">'+
							'<events><key name="onClick" value="ToggleCSSWindow"/></events>'+
						'</component>'+
						'<component name="bTogglePE" type="ButtonDiv" class="ToolCEButtons ToolPEButton">'+
							'<events><key name="onClick" value="TogglePEWindow"/></events>'+
						'</component>'+
						'<component name="bToggleDOM" type="ButtonDiv" class="ToolCEButtons ToolDOMButton">'+
							'<events><key name="onClick" value="ToggleDOMWindow"/></events>'+
						'</component>'+
						'<component type="ButtonDiv" class="ToolCEButtons ToolApplyButton">'+
							'<events><key name="onClick" value="bApply_onClick"/></events>'+
						'</component>'+
						'<component type="ButtonDiv" class="ToolCEButtons ToolInfoButton">'+
							'<events><key name="onClick" value="ToggleInfoWindow"/></events>'+
						'</component>'+
						'<component type="ButtonDiv" class="ToolCEButtons ToolColorButton">'+
							'<events><key name="onClick" value="ToggleColorPicker"/></events>'+
						'</component>'+
					'</content>'+
				'</component>'+
				//--------------
			'</content>'+
			'</component>'+
			// Source - tab
			'<component type="TabItem">'+
				'<properties><key name="Title" value="Source"/></properties>'+
				'<events>'+
					'<key name="onSelect" value="sourceTabSelect"/>'+
					'<key name="onDeselect" value="sourceTabDeselect"/>'+
				'</events>'+
				'<content>'+
					'<component type="SourceEditor" name="templateSourceEditor">'+
					'<properties><key name="InitParam" >'+
					'{syntax: "html"}'+
					'</key></properties>'+
					'</component>'+
				'</content>'+
			'</component>'+
			/*
			// Files - tab
			'<component type="TabItem">'+
				'<properties><key name="Title" value="Files"/></properties>'+
				'<content>'+
					'<component type="InputFilesComponent" >'+
					'</component>'+
				'</content>'+
			'</component>'+
			*/
			// Output - tab
			'<component type="TabItem">'+
				'<properties><key name="Title" value="Output"/></properties>'+
				'<events>'+
					'<key name="onSelect" value="outputTabSelect"/>'+
				'</events>'+
				'<content>'+
					'<component type="OutputFilesComponent" name="OutputFiles">'+
					'</component>'+
				'</content>'+
			'</component>'+
		'</content>'+
	'</component>'+
	'<component type="BackgroundShadow" name="background" class="jsFEBackground"/>'+
//Insert component - Window --------------------------------------
	'<component type="Window" name="WinInsert" class="CEWinInsert">'+
		'<properties>'+
			'<key name="Title" value="Insert"/>'+
			'<key name="Draggable" value="true"/>'+
			//'<key name="Resizable" value="true"/>'+
		'</properties>'+
		'<events>'+
			'<key name="onClose" value="InsertDialog_Cancel"/>'+
		'</events>'+
		'<content>'+
			'<component type="InsertComponentDialog" name="InsertCompDialog">'+
				'<events>'+
					'<key name="onOk" value="InsertDialog_Ok"/>'+
					'<key name="onCancel" value="InsertDialog_Cancel"/>'+
				'</events>'+
			'</component>'+
		'</content>'+
	'</component>'+
//Insert CSS - Window --------------------------------------
	'<component type="Window" name="WinInsertCSS" class="CEWinInsertCSS">'+
		'<properties>'+
			'<key name="Title" value="Insert css"/>'+
			'<key name="Draggable" value="true"/>'+
			//'<key name="Resizable" value="true"/>'+
		'</properties>'+
		'<events>'+
			'<key name="onClose" value="InsertCSSDialog_Cancel"/>'+
		'</events>'+
		'<content>'+
			'<component type="InsertCSSDialog">'+
				'<events>'+
					'<key name="onOk" value="InsertCSSDialog_Ok"/>'+
					'<key name="onCancel" value="InsertCSSDialog_Cancel"/>'+
				'</events>'+
			'</component>'+
		'</content>'+
	'</component>'+
'</div>';
